<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>流浪动物救助系统</title>
    <link href="${path}/user/static/css/style.css" rel="stylesheet">
    <link href="${path}/user/static/css/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <link href="${path}/user/static/css/IE8.css" rel="stylesheet">
    <![endif]-->
</head>

<body>
<!--头部-->
<jsp:include page="header.jsp"></jsp:include>
<!--幻灯片-->
<section class="ab_img">
    <img src="${path}/user/static/images/news.jpg">
</section>
<!--面包屑-->
<div class="mianb">
    <div class="container">
        <div class="row">

            <div class="zi_bread">
                <div class="bread_con">
                    <h3>宠物百科</h3>
                    <div class="curre">您当前位置：
                        <a href="index.html">首页</a> >
                        <a href="news.html">宠物百科</a>
                        <!-- > <span>宠物常识</span>-->
                    </div>
                </div>
            </div>
            <!--<div class="cur_top">
                <a href="news.html" class="active">公司新闻</a>
                <a href="news.html">宠物常识</a>
            </div>-->
            <div class="new_con">
                <div class="container">

                        <ul class="new_ul clearfix">
                            <c:forEach items="${pd.data}" var="e">
                            <li>
                                <div class="img wow bounceIn">
                                    <a href="${path}/knowledgeDis/selectKnowledgeDisByKid?kId=${e.kid}"><img src="${path}/${e.kPicture}" alt=""
                                                                    class="vcenter"/></a>
                                </div>
                                <div class="img_zi">
                                    <a href="${path}/knowledgeDis/selectKnowledgeDisByKid?kId=${e.kid}" class="title">${e.kTitle}</a>
                                    <time>${e.kTime}</time>
                                    <p>
                                            ${e.kContent}
                                    </p>
                                    <a href="${path}/knowledgeDis/selectKnowledgeDisByKid?kId=${e.kid}" class="more">查看更多</a>

                                </div>
                            </li>
                            </c:forEach>
                        </ul>

                    <div class="page">
                        <c:if test="${pd.page == 1}">
                            <a href="" class="ye" disabled="disabled">上一页</a>
                        </c:if>
                        <c:if test="${pd.page > 1}">
                            <a href="${path}/knowledge/selectKnowledgesByPage?page=${pd.page-1}&pageSize=8" class="ye">上一页</a>
                        </c:if>
                        <c:if test="${pd.page > 1}">
                            <a href="${path}/knowledge/selectKnowledgesByPage?page=${pd.page-1}&pageSize=8">${pd.page -1 }</a>
                        </c:if>
                        <a href="" disabled="disabled" class="active">${pd.page}</a>
                        <c:if test="${pd.page < pd.totalPage}">
                            <%--<a href="${path}/knowledge/selectKnowledgesByPage?page=${pd.page+1}&pageSize=8">${pd.page +1 }">10</a>--%>
                            <a href="${path}/knowledge/selectKnowledgesByPage?page=${pd.page+1}&pageSize=8">${pd.page +1}</a>
                        </c:if>
                        <c:if test="${pd.page < pd.totalPage}">
                            <a href="${path}/knowledge/selectKnowledgesByPage?page=${pd.page+1}&pageSize=8"
                               class="ye">下一页 </a>
                        </c:if>
                        <c:if test="${pd.page == pd.totalPage}">
                            <a href=""disabled="disabled"
                               class="ye">下一页 </a>
                        </c:if>

                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<!--联系我们-->
<jsp:include page="footer.jsp"></jsp:include>
<!--回到顶部-->
<a class="top"><span class="glyphicon glyphicon-menu-up jiantou"></span></a>
<script src="${path}/user/static/js/jquery-3.1.1.min.js"></script>
<script src="${path}/user/static/js/bootstrap.min.js"></script>
<script>
    $(window).scroll(function () {
        $(".top").show();
        if ($(window).scrollTop() <= 300) {
            $(".top").hide();
        }
    });
    $(".top").click(function () {
        $("html").animate({
            "scrollTop": "0px"
        }, 100); //IE,FF
        $("body").animate({
            "scrollTop": "0px"
        }, 100); //Webkit
    });
</script>
</body>

</html>